<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>狼码教育管理管理系统</title>
    <link rel="stylesheet" type="text/css" href="/static/theme/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/static/theme/css/component.css"/>
    <link href="static/assets/css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="static/assets/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        function redirect() {
            $.post('/login.do?' + $("form").serialize(), function (data) {
                console.log(data);
                if (data.success) {
                    window.parent.location.href = '/index.do';
                } else {
                    alert(data.msg);
                }
            }, 'json')
        }
    </script>
</head>
<body>
<div class="slideshow">
    <div class="slideshow-image" style="background-image: url('/static/images/1.jpg')"></div>
    <div class="slideshow-image" style="background-image: url('/static/images/2.jpg')"></div>
    <div class="slideshow-image" style="background-image: url('/static/images/3.jpg')"></div>
    <div class="slideshow-image" style="background-image: url('/static/images/4.jpg')"></div>
</div>
<div class="container demo-1">
    <div class="content">
        <div id="large-header" class="large-header">
            <canvas id="demo-canvas"></canvas>
            <div class="logo_box">
                <h3>新东方教育系统</h3>
                <form action="/login.do" method="post">
                    <div class="input_outer">
                        <span class="u_user"></span>
                        <input name="username" class="text" style="color: #FFFFFF !important" type="text"
                               placeholder="请输入账户">
                    </div>
                    <div class="input_outer">
                        <span class="us_uer"></span>
                        <input name="password" class="text"
                               style="color: #FFFFFF !important; position:absolute; z-index:100;" value=""
                               type="password" placeholder="请输入密码">
                    </div>
                    <div class="mb2"><a class="act-but submit" href="javascript:redirect()" id="login_btn"
                                        style="color: #FFFFFF">登录</a></div>
                </form>
            </div>
        </div>
    </div>
</div><!-- /container -->
<script src="/static/theme/js/TweenLite.min.js"></script>
<script src="/static/theme/js/EasePack.min.js"></script>
<script src="/static/theme/js/rAF.js"></script>
<script src="/static/theme/js/demo-1.js"></script>
</body>
</html>
